<template>
	<view class="earlyWarning">
		<view class="" style="height: 160rpx;">
		<view class="mail_List fixed z_ninetynine">
			<view class="mail" style="font-weight: 700;">
				<view class="order">详情</view>
			</view>
		</view>
		<view class="icon fixed z_ninetynine">
			<u-icon name="arrow-left" color="#fefefe" size="40" @click="navigateBack"></u-icon>
		</view>
			
		</view>
		<!-- 车辆基本信息 -->
		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">车辆基本信息</text>
		</view>
		<view class="card" style="padding: 0 42rpx;">
			<u-form :model="form" ref="uForm">
				<view class=""
					style="display: flex; justify-content: space-between; border-bottom: 1px solid #f6f7f9; padding: 20rpx 0;">
					<text style="line-height: 70rpx;">车主姓名:</text>
					<view style="line-height: 70rpx; font-weight: 700;"><text
							style="margin-right: 30rpx;">李</text><text>信</text></view>
				</view>
				<u-form-item label="车牌号:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="皖A88888"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="性别:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="男"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="车辆品牌:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;"
						placeholder="大众" :clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="车辆颜色:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;"
						placeholder="白色" :clearable="false" :disabled="true" />
				</u-form-item>
			</u-form>
		</view>
		<!-- 车辆出入信息 -->
		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">车辆出入信息</text>
		</view>
		<view class="card" style="padding: 0 42rpx;">
			<u-form :model="form" ref="uForm">
				<u-form-item label="入场闸机:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="东区北门闸机入口"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="入场时间:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="2021-05-06 12: 22: 56"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="出场闸机:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;"
						placeholder="东区西门闸机出口" :clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="出场时间:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;"
						placeholder="2021-05-06 16:21:05" :clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="停车时长:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;"
						placeholder="4小时" :clearable="false" :disabled="true" />
				</u-form-item>
			</u-form>
		</view>
		<!-- 支付信息 -->
		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">支付信息</text>
		</view>
		<view class="card" style="padding: 0 42rpx;">
			<u-form :model="form" ref="uForm">
				<u-form-item label="支付方式:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="微信支付"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="支付金额:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="8元"
						:clearable="false" :disabled="true" />
				</u-form-item>
			</u-form>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.earlyWarning {
		.mail_List {
			overflow: hidden;
			width: 100%;
			background-color: #f2f2f2;
		
			.mail {
				padding: 10rpx 0;
				// margin-top: 96rpx;
				color: #999999;
				font-size: 40rpx;
				background-color: #e5e5e5;
			}
		
			.order {
				text-align: center;
			}
		}
		.icon {
			position: absolute;
			top: 18rpx;
			left: 20rpx;
		}
		/deep/.card {
			.u-form-item--left {
				flex: unset !important;
				width: unset !important;
			}
		}
	}
</style>
